/*Basic page Style*/
*, html { font-family: Verdana, Arial, Helvetica, sans-serif; }

body, form, ul, li, p, h1, h2, h3, h4, h5
{
	margin: 0;
	padding: 0;
	font-family: "Georgia";
}

h1
{
	font-size: 70px;
	font-family: "Comic Sans MS";
	color: white;
}

h2
{
	/*background-image:url(img/DSC_0060j.jpg);*/
	background-color:#656CAE;
	-webkit-border-radius: 5px;
		-moz-border-radius-bottomleft: 15px;
		-moz-border-radius-bottomright: 15px;
	font-size: 30px;
	padding: auto auto auto 5px;
	color:#fff;
	font-family: "Comic Sans MS";
}

body { background-image: url(images/New_Theme/background.png); }

img { border: none; }
p
{
	font-size: 1em;
	font-family: "Comic Sans MS";
	margin: 0 0 1em 0;
}

html { font-size: 100%; height: 100%; /* IE hack */ }
body { font-size: 0.75em; } /* Base font 12px */
table { font-size: 100%; /* IE hack */ }

input, select, textarea, th, td { font-size:1em; }

/*The content (white) region*/

.header
{
	background:url(images/New_Theme/top-background.png) repeat-x;
	margin: 0 auto 0 auto;
	padding: 0px;
	min-width: 700px;
}
.content
{
	margin: 0 auto;
	background: white;
    background-repeat:repeat-y;
	padding: 0px;
	min-height: 300px;
	min-width: 900px;
	height: auto;
}

.page
{
	margin: 0 auto;
	/*border: 1px solid black;*/
	padding: 20px;
	font-size:16px;
	font-family: "Georgia";
	height: auto;
    background-repeat:repeat-y;	
}

/*Side menu css. This code assumes that Data Lists will NOT be used anywhere else on the website. 
If this is not the case, please alert me.*/
dl
{
	padding: 5px;
	width: 220px;
	float: right;
}
	dl dt
	{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border: 1px solid #cccccc;
		margin: 0;
		background: url(images/New_Theme/menu-sliver.png) repeat-x;
	}
		dl dt a
		{
			color: white;
			font-weight: bold;
			text-decoration: none;
			text-align: right;
			padding: 10px;
			display: block;
		}
	dl dd
	{
		padding: 0px 0px 0px 50px;
		color: black;
		margin: 0;
		height: 0;
		overflow: hidden;
		-webkit-transition: height 1s ease;
	}
		dl dd p
		{
			padding: 10px;
			margin: 0;
		}
		
		dl dd a:hover
		{
			color: black;
			padding: 0px;
			margin: 0;
			border: 1px solid black;
		}
	dl dd:target
	{
		height: auto;
	}
	dl a.ie:hover dd,
	dl a.ie:focus dd
	{
		height: auto;
		color: #cccccc !important;
	}
	
@media (-webkit-transition) {
	dl dd:target
	{
		height: 6.667em;
	}
}

/*Navigation Menu*/
ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	font-family: "Comic Sans MS";
	background:transparent;
	font-size: 1.1em;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	font-family: "Comic Sans MS";
	text-decoration: none;
	color: #fff;
	background: url(images/New_Theme/topnavbg.png) repeat-x;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #555;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}